<!DOCTYPE html>
<html lang="en" >
<head>
	<meta charset="utf-8">
	<title>三百唐诗网</title>
	<style type="text/css">
	html{
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
    body{
		padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
		overflow-x:hidden;
	}
#img2{
height:82px;
width:220px;
float:left;
}
#f1{
padding-bottom:0px;
margin:0px;
height:25px;
}
#input1{
width:100%;
height:20px;
text-align:center;
border:none;
}
#div{
border:1px solid #999;
width:1280px;
height:80px;
margin:0px auto;
padding-left:220px;
border-right-width:0px;
}
#div ul{
margin:0px;
padding:0px;
list-style:none;
}
#div ul li{
border-bottom:1px solid #999;
text-align:center;
height:80px;
line-height:80px;
position:relative;
float:left;
width:210px;
}
a{
text-decoration:none;
display:block;
font-size:14px;
color:#000000;
}
a:hover{
color:#FF0000;
font-size:16px;
}
#div ul li ul{
top:80px;
display:none;
width:210px;
position:absolute;
border:1px solid #ccc;
left:0px;
color:blue;
}
#div ul li:hover ul{
display:block;
}
#div ul li: hover ul li a{
display:block;
}
#t1{
font-size:14px;
border:none;
resize:none;
}
#f2{
font-size:14px;
width:216px;
height:60px;
position:absolute;
}
.p1{
float:left;
}
#left{
width:210px;
float:left;
height:500px;
margin-left: 10px;
position:relative;
}
#left1{
margin-left: 10px;
position:relative;
}
#left2{
margin-left: 10px;
position:relative;
}
#left3{
margin-left: 10px;
position:relative;
}
#db{
margin:0px;
padding:0px;
width:100%;
height:200px;
background-color:#666666;
position:absolute;
}
#db1{
float:left;
text-align:left;
size:14px;
}
#db2{
float:left;
width:300px;
text-align:center;
}
#dbp1{
font-size:18px;
color:#FFFF00;
text-align:right;
}
#dbp2{
font-size:18px;
color:#FFFFFF;
text-align:right;
text-shadow:#33FFFF;
font-style:italic;
position:relative;
}
#dbp3{
text-align:right;
size:18px;
width:100%;
heiht:20px;
right:30px;
top:150px;
position:absolute;
}
#img1{
top:20px;
width:150px;
height:150px;
float:right;
}
    </style>
	<script type="text/javascript">
 var s="您好，欢迎光临三百唐诗网，希望能给您带来良好的服务体验。";
 var speed=300;
 var i=0;
 function dz()
 {
 	document.form.text.value=s.substring(0,i+1);
	i++;
	if(i>=s.length)
		i=0;
	window.setTimeout("dz();",speed);
 }
</script>
</head>
<body onload="dz();clock;">
<script type="text/javascript">
	function cc()
	{
		var s1=document.getElementById("q1");
		var s2=s1.options[s1.selectedIndex].value;
		var s3="春";
		var s4="夏";
		var s5="秋";
		var s6="冬";
		var s7="季节";
		if(s2==s3)
			document.body.style.backgroundColor="#99FF99";
		if(s2==s4)
			document.body.style.backgroundColor="#00FFFF";
		if(s2==s5)
			document.body.style.backgroundColor="#FFFF00";
		if(s2==s6)
			document.body.style.backgroundColor="#99FFFF";
		if(s2==s7)
			document.body.style.backgroundColor="#FFFFFF";
	}
</script>
<div>
	<div>
	 <form name="form" id="f1">
		<p style= "font-family:'黑体' text-align:'center'"><input type="text" name="text" id="input1"/></p>
	 </form>
	</div>
	<img src="../static/img/1.png" id="img2"/>
	<div id="div">
	  <ul>
		   <li style="background-color: #FFFFE0;"><a href="/今日推荐" target="frame">今日推荐</a></li>
		   <li style="background-color: #FFFFE0;"><a href="/五言绝句" target="frame">五言绝句</a></li>
		   <li style="background-color: #FFFFE0;"><a href="/五言律诗" target="frame">五言律诗</a></li>
		   <li style="background-color: #FFFFE0;"><a href="/七言绝句" target="frame">七言绝句</a></li>
		   <li style="background-color: #FFFFE0;"><a href="/数据图示" target="frame">数据图示</a>
			<ul>
			 <li style="background-color: #FFFFE0;"><a href="/类型展示" target="frame">类型展示</a></li>
			 <li style="background-color: #FFFFE0;"><a href="/作者展示" target="frame">作者展示</a></li>
			 <li style="background-color: #FFFFE0;"><a href="/人流展示" target="frame">人流展示</a></li>
			 <li style="background-color: #FFFFE0;"><a href="/数据统计" target="frame">数据统计</a></li>
			</ul>
		   </li>
		   <li style="background-color: #FFFFE0;"><a href="/寻求合作" target="frame">寻求合作</a></li>
	  </ul>
  </div>
</div>
<div id="left">
	<div id="left1">
	<form name="f2" style="padding-top:10px">
		<textarea name="text2" id="t1" style="height:80px;width:200px;"></textarea>
	</form>
	<script language="javascript">
	var timer;
	function clock()
	{
		var d=new Date();
		var str=d.getFullYear()+"/"+(d.getMonth()+1)+"/"+d.getDate()+"<br/>";
		str1=parseInt(d.getHours());
		var str3="";
		if(str1<5||str1>=23)
				str3="晚安，该睡觉啦！\n";
			if(str1>=5&&str1<=7)
				str3="早安，美好的一天开始了！\n";
			if(str1>7&&str1<=12)
				str3="上午好，快开始自己的工作吧！\n";
			if(str1>12&&str1<14)
				str3="午安，补个觉吧！\n";
			if(str1>=14&&str1<=18)
				str3="下午好，努力工作吧！\n";
			if(str1>18&&str1<23)
				str3="晚上好，又是一个迷人的夜晚呢！\n";
		var str4="您使用的浏览器为："+navigator.appName+"\n";
		var str2=str3+str4+"当前系统时间为：\n"+d.getHours()+"点"+d.getMinutes()+"分"+d.getSeconds()+"秒";
		document.f2.text2.value=str2;
	}
	timer=setInterval('clock()',1000);
	</script>
	</div>
	<div id="left2">
	<p style="margin-top: 0px;">随心泼墨板：
	<select onchange="cc()" id="q1">
		<option value="季节">季节</option>
		<option value="春">春</option>
		<option value="夏">夏</option>
		<option value="秋">秋</option>
		<option value="冬">冬</option>
	</select>
	</p>
	</div>
	<script type="text/javascript">
	function gets2(s)
	{
		for(var i=0;i<s.length;i++){
			if(s[i].checked) return s[i].value;
		}
		return "[没有选择]";
	}

	function gets3(s)
	{
		for(var i=0;i<s.length;i++){
			if(s[i].checked) return s[i].value;
		}
		return "[没有选择]";
	}
	 function axp(){
	 var s1=document.getElementById("it1").value;
	 var s4=document.getElementById("te2").value;
	 var s2=gets2(document.form2.radio);
	 var s3=gets3(document.form2.radio1);
	 var s="您提交的信息为：\n"+"用户名："+s1+"\n浏览时长："+s2+"\n浏览体验："+s3+"\n个人建议："+s4+"\n";
	 confirm(s);
	 }
	</script>
	<div id="left3">
	<form name="form2" action="" method="post" id="f2" target="_blank">
	<fieldset style="margin-left:0px;border:1px solid;padding-left: 5px;width: 180px;"><legend>好运小问卷~</legend>
		用户名：<p><input type="text" id="it1" width="216px"/></p>
		浏览时长：<p><input type="radio" name="radio" value="小于半小时"/>小于半小时
		  <input name="radio" type="radio" value="小于一小时" />小于一小时
		  <input name="radio" type="radio" value="小于两小时" />小于两小时
		  <input name="radio" type="radio" value="其他" />其他</p>
		浏览体验：
		<p><input type="radio" name="radio1" value="极差"/>极差
		  <input name="radio1" type="radio" value="正常"/>正常
		  <input name="radio1" type="radio" value="极好"/>较好
		  <input name="radio1" type="radio" value="极好"/>极好
		</p>
		个人建议：
		<p style="margin-bottom: 5px;"><textarea id="te2" width="216px"></textarea></p>
		<p align="center" style="margin-top: 0px;"><input name="提交" type="button" value="提交" id="input2" onclick="axp()"/></p>
	</fieldset>
	</form>
	</div>
</div>
 <div id="right">
  <iframe src="/今日推荐" name="frame" width="1280px" height="500px" scrolling="auto" style="border:none;overflow-x:hidden;"></iframe>
 </div>
<div id="db">
 <div id="db1">
 <p>公司地址：浙江省杭州市萧山区启迪路198号杭州湾信息港B座903</p>
 <p>客服热线：1234-567891011(服务时间：工作日9：30-18：30）</p>
 <p>微博：@三百唐诗网</p>
 <hr width="600px" align="left"/>
 <p>版权所有： make up（中国）有限公司     ICP备案号：浙ICP备20024642号-1</p>
 </div>
 <div id="db2">
  <p id="dbp1">全国服务热线：</p>
  <p id="dbp2">1234-567891011</p>
 </div>
 <div>
  <img src="static/img/2.png" id="img1" />
  <p id="dbp3">微信公众号</p>
 </div>
</div>
</body>
</html>
